<template>
<uni-shadow-root class="partials-form_item-form_item_decorated-index_old"><template name="form_item_decorated_old">
<block>
<view class="form_commit_item">
  <view class="mofang_templete" :style="'height:'+(publicFun.toNum(710/width*height)*(publicFun.toNum(formListStyle.aspectRatio))+10)+'rpx;position:relative;width:100%;'">
    <view v-for="(item,index) in (formListStyle.detailViewMagic)" :key="item.index" class="mofang_item" :style="'position:absolute;overflow:hidden;left:'+(item.startPointX*710/width)+'rpx;top:'+(publicFun.toNum(item.startPointY*710/width)*(publicFun.toNum(formListStyle.aspectRatio)))+'rpx;width:'+(publicFun.toAbs((item.endPointX-item.startPointX+1)*710/width))+'rpx;height:'+(publicFun.toAbs((item.endPointY-item.startPointY+1)*710/width)*publicFun.toNum(formListStyle.aspectRatio))+'rpx;background:'+(item.backgroundImage?"":item.backgroudColor)+';'">
      <view class="lunbotu" v-if="formCommitItem.commitJson[item.propertieName].type==11">
        <component-tag-banner v-if="banner" :data="banner"></component-tag-banner>  
      </view>
      
      <view class="form_detail_center_item" :style="'height:'+(publicFun.toAbs((item.endPointY-item.startPointY+1)*710/width)*publicFun.toNum(formListStyle.aspectRatio))+'rpx;display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==0?'row':'row-reverse')+';align-items:center;justify-content:'+(item.align)+';border-top-width:'+(item.borderTop)+'rpx;border-bottom-width:'+(item.borderBottom)+'rpx;border-left-width:'+(item.borderLeft)+'rpx;border-right-width:'+(item.borderRight)+'rpx;border-color:'+(item.borderColor)+';border-style:solid;padding:'+(item.paddingBottomTop)+'rpx '+(item.paddingNum)+'rpx '+(item.paddingBottomTop)+'rpx '+(item.paddingNum)+'rpx;box-sizing:border-box;'" v-if="(formCommitItem.commitJson[item.propertieName].type!=7&&formCommitItem.commitJson[item.propertieName].type!=11)&&(item.placeType==0||item.placeType==3)">
        <view class="titleStyle">
          <image v-if="item.propertieIcon" mode="aspectFit" :style="'height:'+(publicFun.toNum(item.titleSize)+2)+'px;width:'+(publicFun.toNum(item.titleSize)+2)+'px;margin-right:12rpx;'" :src="item.propertieIcon"></image>
          <text class="center_part_item_title" :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)+';font-weight:'+(item.titleWeight==1?"bold":"0")" v-if="formCommitItem.commitJson[item.propertieName].type!=9&&item.propertiesType==0">{{item.propertieTitle}}</text>
        </view>
        <view class="center_part_item_title" :style="'height:'+(publicFun.toAbs((item.endPointY-item.startPointY+1)*710/width))+'rpx;display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==0?'row':'row-reverse')+';align-items:center;justify-content:'+(item.align)" v-if="item.propertiesType==1">
          <image v-if="item.propertieIcon" mode="aspectFit" :style="'height:'+(publicFun.toAbs((item.endPointY-item.startPointY+1)*710/width)-30)+'rpx;width:'+(publicFun.toAbs((item.endPointY-item.startPointY+1)*710/width)-30)+'rpx;margin-right:12rpx;'" :src="item.propertieIcon"></image>
          <text :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)+';padding-bottom:'+(item.borderBottom!=0?"8rpx":"")+';padding-top:'+(item.borderTop!=0?"8rpx":"")+';font-weight:'+(item.titleWeight==1?"bold":"0")">{{item.propertieTitle}}</text>
        </view>
        <view class="center_part_item_title" :style="'height:'+(publicFun.toAbs((item.endPointY-item.startPointY+1)*710/width))+'rpx;display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==0?'row':'row-reverse')+';align-items:center;justify-content:'+(item.align)" v-if="item.propertiesType==2">
          <image v-if="item.backgroundImage" mode="aspectFit" :style="'height:'+(publicFun.toAbs((item.endPointY-item.startPointY+1)*710/width))+'rpx;width:'+(publicFun.toAbs((item.endPointX-item.startPointX+1)*710/width))+'rpx'" :src="item.backgroundImage"></image>
        </view>
        <view class="center_part_item_value" :style="'width:'+(formCommitItem.commitJson[item.propertieName].type==4?"100%":"")+';font-size:'+(item.fontSize)+'px;color:'+(item.fontColor)+';font-weight:'+(item.weight==1?"bold":"0")" v-if="formCommitItem.commitJson[item.propertieName].type!=12">
          <scroll-view class="tags_content" scroll-x v-if="formCommitItem.commitJson[item.propertieName].type==4">
            <text v-for="(tags,index) in (formCommitItem.commitJson[item.propertieName].value)" :key="tags.index" class="tags_item" v-if="formCommitItem.commitJson[item.propertieName].value">{{tags}}</text>
          </scroll-view>
          <text v-else>{{formCommitItem.commitJson[item.propertieName].value}}</text>
        </view>
        <view class="center_part_item_value" :style="'font-size:'+(item.fontSize)+'px;color:'+(item.fontColor)+';font-weight:'+(item.weight==1?"bold":"0")" v-if="formCommitItem.commitJson[item.propertieName].type==12">{{formCommitItem.commitJson[item.propertieName].value.value}}</view>
        <view class="to_navigation" :style="'background:'+(setting.platformSetting.defaultColor)+';color:#fff'" v-if="formCommitItem.commitJson[item.propertieName].type==12" @click.stop.prevent="clickCatch" :data-item="formCommitItem.commitJson[item.propertieName].value">
          <text>去导航</text>
        </view>
      </view>
      
      <view class="form_detail_center_item" :style="'height:'+(publicFun.toAbs((item.endPointY-item.startPointY+1)*710/width)*publicFun.toNum(formListStyle.aspectRatio))+'rpx;display:flex;margin:0;background:'+(item.backgroudColor)+';flex-direction:'+(item.placeType==1?'column':'column-reverse')+';align-items:'+(item.align)+';justify-content:center;border-top-width:0rpx;border-bottom-width:0rpx;border-left-width:'+(item.borderLeft)+'rpx;border-right-width:'+(item.borderRight)+'rpx;border-color:'+(item.borderColor)+';border-style:solid;padding:'+(item.paddingBottomTop)+'rpx '+(item.paddingNum)+'rpx '+(item.paddingBottomTop)+'rpx '+(item.paddingNum)+'rpx;box-sizing:border-box;'" v-if="(formCommitItem.commitJson[item.propertieName].type!=7&&formCommitItem.commitJson[item.propertieName].type!=11)&&(item.placeType==1||item.placeType==2)">
        <view class="titleStyle">
          <image v-if="item.propertieIcon" mode="aspectFit" :style="'height:'+(publicFun.toNum(item.titleSize)+2)+'px;width:'+(publicFun.toNum(item.titleSize)+2)+'px;margin-right:12rpx;'" :src="item.propertieIcon"></image>
          <text class="center_part_item_title" :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)+';font-weight:'+(item.titleWeight==1?"bold":"0")" v-if="formCommitItem.commitJson[item.propertieName].type!=9&&item.propertiesType==0">{{item.propertieTitle}}</text>
        </view>
        <view class="center_part_item_title" :style="'font-size:'+(item.titleSize)+'px;color:'+(item.titleColor)+';font-weight:'+(item.titleWeight==1?"bold":"0")" v-if="item.propertiesType==1">
          <image mode="aspectFit" style :src="item.propertieIcon"></image>
          <text>{{item.propertieTitle}}</text>
        </view>
        <view class="center_part_item_title" v-if="item.propertiesType==2">
          <image mode="aspectFit" style="width:100%" :src="item.backgroundImage"></image>
        </view>
        <view class="center_part_item_value" :style="'font-size:'+(item.fontSize)+'px;color:'+(item.fontColor)+';font-weight:'+(item.weight==1?"bold":"0")" v-if="formCommitItem.commitJson[item.propertieName].type!=12">
          <scroll-view class="tags_content" scroll-x v-if="formCommitItem.commitJson[item.propertieName].type==4">
            <text v-for="(tags,index) in (formCommitItem.commitJson[item.propertieName].value)" :key="tags.index" class="tags_item" v-if="formCommitItem.commitJson[item.propertieName].value">{{tags}}</text>
          </scroll-view>
          <text v-else>{{formCommitItem.commitJson[item.propertieName].value}}</text>
        </view>
        <text class="center_part_item_value" :style="'font-size:'+(item.fontSize)+'px;color:'+(item.fontColor)+';font-weight:'+(item.weight==1?"bold":"0")" v-if="formCommitItem.commitJson[item.propertieName].type==12">{{formCommitItem.commitJson[item.propertieName].value.value}}</text>
        <view class="to_navigation" :style="'background:'+(setting.platformSetting.defaultColor)+';color:#fff'" v-if="formCommitItem.commitJson[item.propertieName].type==12" @click.stop.prevent="clickCatch" :data-item="formCommitItem.commitJson[item.propertieName].value">
          <text>去导航</text>
        </view>
      </view>
      <image mode="aspectFill" :src="formCommitItem.commitJson[item.propertieName].value" :data-link="formCommitItem.commitJson[item.propertieName].value" @click="tolinkUrl" :style="'border-radius: '+(item.borderRadius)+'px;width:100%;height:100%;padding:'+(imagePadding)+'rpx;box-sizing:border-box'" v-if="formCommitItem.commitJson[item.propertieName].type==7"></image>     
    </view> 
  </view>
</view>  
</block>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/form_item/form_item_decorated/index_old'

Component({})

export default global['__wxComponents']['partials/form_item/form_item_decorated/index_old']
</script>
<style platform="mp-weixin">

</style>